<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui"
	template="/layout/templateAdministrador.xhtml">
	<ui:define name="body">
		<h:form id="form">
			<p:panel header="Mantenimiento de Servicios">
				<br />
				<div style="height: 28px;" align="right">
					<h:commandButton image="images/botton/back.png"
						action="#{mantenimientoProcesos.backToManProcesos}" ajax="false"
						immediate="true" title="Regresar a la página anterior"
						type="button" style="width: 29px; height: 29px;" />
				</div>
				<br />

				<table width="100%" align="center" border="0">
					<tr>
						<td
							style="background: #F5DDA6 url('imagenes/reglaParte1.png'); width: 25%; text-align: center; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; line-height: 15px;">
							<font color="#494949" face="Calibri" size="4"
							style="font-weight: bold;">Descripci&oacute;n del Servicio
						</font>
						</td>
						<td
							style="background: #F5DDA6 url('imagenes/reglaParte1.png'); width: 25%; text-align: center; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; line-height: 15px;">
							<font color="#494949" face="Calibri" size="4"
							style="font-weight: bold;">Flujo del Servicio </font>
						</td>
						<td
							style="background: #F9B140 url('imagenes/reglaParte1.png'); width: 25%; text-align: center; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; line-height: 15px;">
							<font color="#494949" face="Calibri" size="4"
							style="font-weight: bold;">Requisito del Servicio </font>
						</td>
						<td
							style="background: #F9B140 url('imagenes/reglaParte2.png'); width: 25%; text-align: center; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; line-height: 15px;">
							<font color="#494949" face="Calibri" size="4"
							style="font-weight: bold;">Reconsideraci&oacute;n y
								Apelaci&oacute;n </font>
						</td>
					</tr>
				</table>


				<br />

				<p:panel header="Reconsideración">
					<h:panelGrid columns="2" style="margin:0 auto;">
						<h:outputText value="Subir formulario " />
						<h:panelGrid columns="4">
							<p:fileUpload auto="true" id="uploadFileRec" label="Examinar..."
								fileUploadListener="#{mantenimientoProcesos.subirReconsideracionPlantilla}"
								customUI="true" sizeLimit="4194304" immediate="true"
								invalidSizeMessage="Maximo 4mb" update="plantillaSubidaRec"
								style="background: url('images/botton/browse.png') no-repeat;
												background-position: center bottom; width: 110px; 
												height: 30px; border:0"
								oncomplete="upFileReq.hide() ;" allowTypes="*.pdf;"
								description="*.pdf;" />
							<p:spacer width="20" />
							<h:outputText value="Número de días:" />
							<h:inputText size="1"
								value="#{mantenimientoProcesos.apeRecProcesoWeb.numDiaRec}" />
						</h:panelGrid>

						<h:outputText value="Nombre del archivo: " />
						<h:panelGrid columns="2">
							<h:inputText id="plantillaSubidaRec" size="60"
								value="#{mantenimientoProcesos.apeRecProcesoWeb.nomArcReconsideracion}"
								disabled="true"
								style="font-weight: bold; color:#000000; width: 100%;" />
						</h:panelGrid>

					</h:panelGrid>
				</p:panel>
				<br />
				<p:panel header="Apelación">
					<h:panelGrid columns="2" style="margin:0 auto;">
						<h:outputText value="Unidad Gestión Encargada:" />
						<h:selectOneListbox id="cboAreaApe"
							value="#{mantenimientoProcesos.idApelacion}" size="1">
							<f:selectItem itemLabel="--- Seleccione una Unidad Gestión ---"
								itemValue="-1" />
							<f:selectItems
								value="#{mantenimientoProcesos.lstUnidadesGestion}" var="a"
								itemLabel="#{a.descripcion}" itemValue="#{a.idArea}" />
							<p:ajax process="cboAreaApe msjA" event="change"
								actionListener="#{mantenimientoProcesos.seleccionUnidadGestionEncargadaApelacion}" />
						</h:selectOneListbox>

						<h:outputText value="Subir formulario " />
						<h:panelGrid columns="4">
							<p:fileUpload auto="true" id="uploadFileApe" label="Examinar..."
								fileUploadListener="#{mantenimientoProcesos.subirApelacionPlantilla}"
								customUI="true" sizeLimit="4194304" immediate="true"
								invalidSizeMessage="Maximo 4mb" update="plantillaSubidaApe"
								style="background: url('images/botton/browse.png') no-repeat;
												background-position: center bottom; width: 110px; 
												height: 30px; border:0"
								oncomplete="upFileReq.hide() ;" allowTypes="*.pdf;"
								description="*.pdf;" />
							<p:spacer width="20" />
							<h:outputText value="Número de días:" />
							<h:inputText size="1"
								value="#{mantenimientoProcesos.apeRecProcesoWeb.numDiaApe}" />
						</h:panelGrid>

						<h:outputText value="Nombre del archivo: " />
						<h:inputText id="plantillaSubidaApe"
							value="#{mantenimientoProcesos.apeRecProcesoWeb.nomArcApelacion}"
							disabled="true" size="60"
							style="font-weight: bold; color:#000000; width: 100%;" />
					</h:panelGrid>
				</p:panel>
				<br />
				<h:panelGrid columns="2" style="margin: auto;">
					<p:commandButton value="Retroceder" style="width: 110px"
						ajax="false"
						action="#{mantenimientoProcesos.regresarRegistroServicio3}" />
					<p:commandButton value="Grabar" style="width: 110px" ajax="false"
						action="#{mantenimientoProcesos.registrarYModificarServicio}" />
				</h:panelGrid>

			</p:panel>
		</h:form>
	</ui:define>
</ui:composition>

